<h1 class="page-header">{{moviesList.title}}</h1>

<div class="row placeholders">
	<div class="list-group">
		<a href="#" class="list-group-item" ng-repeat="item in moviesList.subjects">
			<div class="media">
				<div class="media-left">
					<img class="media-object" ng-src="{{item.images.medium}}"  src="http://img3.doubanio.com/view/movie_poster_cover/ipst/public/p2365823697.jpg">
				</div>
				<div class="media-body" style="text-align: left">
					<span class="badge pull-right ng-binding">{{item.rating.average}}</span>
					<h2 class="media-heading ng-binding">{{item.title}}</h2>
					<p>类型：<span class="ng-binding" ng-repeat="a in item.genres">{{a}}&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;上映年份：<span class="ng-binding">{{item.year}}</span></p>
					<p>导演：<span ng-repeat="b in item.directors">{{b.name}}&nbsp;&nbsp;</span></p>
					<p>主演：<span ng-repeat="c in item.casts">{{c.name}}&nbsp;&nbsp;</span></p>
				</div>
			</div>
		</a>
	</div>
	{{type}}
	<a href="#/detail/1231434">详情</a>
</div>
<div ng-show="loading" class="loading">
	<div class="spinner">
		<div class="spinner-container container1">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
		</div>
		<div class="spinner-container container2">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
		</div>
		<div class="spinner-container container3">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
		</div>
	</div>
</div>

<div ng-show="!loading" class="message">
	<p>总共：{{page.totalCount}}条记录，第{{page.current}}/{{page.totalPage}}页</p>
	<nav>
		<ul class="pager" >
			<li ng-class="{disabled: page.current <= 1}"><a ng-click="goBack()">Previous</a></li>
			<li ng-class="{disabled: page.current >= page.totalPage}"><a  ng-click="goForward()">Next</a></li>
		</ul>
	</nav>
</div>

